<template>
    <el-row>
        <el-col offset="1" :span="20">
         <h1>病案</h1>
         <p>患者姓名：{{patient}}</p>
        </el-col>
    </el-row>
    <el-row>
        <el-col offset="1" :span="20">
            <el-tabs v-model="activeName" class="demo-tabs" @tab-click="handleClick">
                <el-tab-pane label="病案首页" name="recordIndex">
                    
                </el-tab-pane>
                <el-tab-pane label="检查申请" name="checkRequest">检查申请</el-tab-pane>
                <el-tab-pane label="检查结果查看" name="checkResult">检查结果查看</el-tab-pane>
                <el-tab-pane label="门诊确诊" name="diagnosis">门诊确诊</el-tab-pane>
                <el-tab-pane label="开设处方" name="prescription">开设处方</el-tab-pane>
                <el-tab-pane label="费用查询" name="searchfee">费用查询</el-tab-pane>
            </el-tabs>
        </el-col>
    </el-row>
</template>

<script setup>
//引入http请求的通用方法
import httpRequest from '../../common/index.js';
import { onMounted, ref, getCurrentInstance } from 'vue';
import { ElMessage,ElMessageBox,TabsPaneContext } from 'element-plus';

const {proxy} = getCurrentInstance();

const patient = ref('')

const query = ref({})

const getPatientInfo = ()=>{
    query.value.registerId = proxy.$route.params.rid;
    patient.value = proxy.$route.params.realname;
}

const activeName = ref('recordIndex');

const handleClick = (tab, event) => {
  console.log(tab, event);
}

onMounted(()=>{
    getPatientInfo();
})


</script>

<style>
.demo-tabs > .el-tabs__content {
  padding: 32px;
  color: #6b778c;
  font-size: 32px;
  font-weight: 600;
}
</style>